<% title "librería - #{@libreria.titulo}" %>

<div id="contenido" class="librerias">
  <div class="librerias">
		<div class="librerias_imagenes">
			<img alt="imagen para librerias" src="/imgs/librerias_imagen.png"/>
		</div>
    <div class="librerias_fichas">

			<h2><%= @libreria.titulo %></h2>
      <div class="libreria_direccion"><%= @libreria.direccion_google %></div>
			
			<div id="libreria_mapa_<%= @libreria.id %>" class="libreria_mapa">
			</div>
			
			<!-- google maps chargin -->
			<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=<%= APP_CONFIG['google_geo_api_key'] %>" type="text/javascript"></script>
			<script>
	      if( GBrowserIsCompatible() ) {
	        var map = new GMap2(document.getElementById("libreria_mapa_<%= @libreria.id %>"));
	        map.setCenter(
						new GLatLng( <%= @libreria.latitud %>, <%= @libreria.longitud %> ), 
						15
					);
					
					map.addControl(new GSmallZoomControl());
        
				  var point = 
						new GLatLng(
							<%= @libreria.latitud %>,
							<%= @libreria.longitud %>
						);
							
	        map.addOverlay(new GMarker(point));
	      } else {
					alert( "hay algún problema con google maps, igual tu navegador no es compatible o la KEY de google maps indicada no es la correcta.");
				}
			</script>
      
      <div class="libreria_texto"><%= @libreria.texto %></div>
      <div class="libreria_links"><%= link_to "Más librerías en #{@libreria.ciudad}", librerias_ver_mapa_url( :ciudad => @libreria.ciudad ) %></div>
    </div>
	</div>
</div>

<% if es_admin? %>
<div id="admin_menu">
  <ul>
    <li><%= link_to( 'editar', admin_librerias_editar_url( @libreria.titulo_sanitizado ) ) %></li>
    <li><%= link_to( 'borrar', admin_librerias_borrar_url( @libreria.titulo_sanitizado ) ) %></li>
    <li><%= link_to( 'nueva', admin_librerias_nueva_url ) %></li>
  </ul>
</div>
<% end %>
